<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>登录</title>
	<link rel="stylesheet" href="./component/pear/css/pear.css" />
	<link rel="stylesheet" href="./admin/css/other/login.css" />
	<link rel="stylesheet" href="./admin/css/variables.css" />
	<script>if (window.self != window.top) { top.location.reload();}</script>
</head>

<body>
	<div class="login-page" style="background-image: url(./admin/images/login/bg.png)">
		<div class="top-log-title">
			<span>下一代网络安全竞赛系统</span>
		</div>
		<div class="layui-row">
			<div class="layui-col-sm6 layui-col-xs12 login-form">
				<div class="layui-form login-layui-form">
					<div class="form-center">
						<div class="form-center-box">
							<div class="top-desc">欢迎登录</div>
							<div class="layui-form-item">
								<div class="layui-input-wrap">
									<div class="layui-input-prefix">
										<img src="./admin/images/login/icon_xm.svg" width="20" height="20" />
									</div>
									<input lay-verify="required" placeholder="请输入用户名" autocomplete="off"
										class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-input-wrap">
									<div class="layui-input-prefix">
										<img src="./admin/images/login/icon_mm.svg" width="20" height="20" />
									</div>
									<input type="password" name="confirmPassword" value=""
										lay-verify="required|confirmPassword" placeholder="请输入密码" autocomplete="off"
										class="layui-input" lay-affix="eye">
								</div>
							</div>
							<div class="tab-log-verification">
								<div class="verification-text">
									<div class="layui-input-wrap">
										<div class="layui-input-prefix">
											<img src="./admin/images/login/icon_yzm.png" width="20" height="20" />
										</div>
										<input lay-verify="required" value="" placeholder="请输入验证码" autocomplete="off"
											class="layui-input">
									</div>
								</div>
								<div class="verification-img">获取验证码</div>
							</div>
							<div class="other-login">
								<div class="greenText">忘记密码</div>
							</div>
							<div class="login-btn">
								<button type="button" lay-submit lay-filter="login" class="layui-btn login">登 · 录</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="./component/layui/layui.js"></script>
	<script src="./component/pear/pear.js"></script>
	<script>
		// layui.use(['jquery'], function () {
		// });

		layui.use(['jquery', 'form', 'button', 'popup'], function () {
			var form = layui.form;
			var button = layui.button;
			var popup = layui.popup;
			var $ = layui.jquery;
			$('.verification-img').click(function(){
				console.log(form);
			})

			// 登 录 提 交
			form.on('submit(login)', function (data) {

				/// 验证

				/// 登录

				/// 动画
				button.load({
					elem: '.login',
					time: 1500,
					done: function () {
						popup.success("登录成功", function () {
							location.href = "./index.html"
						});
					}
				})

				return false;
			});
		})
	</script>
</body>

</html>
